<?
layout("/inc/layout.html",{title:sysTitle}){
?>

<div id="page-wrapper">
      <!--BEGIN TITLE & BREADCRUMB PAGE-->
      <div id="title-breadcrumb-option-demo" class="page-title-breadcrumb">
          <div class="page-header pull-left">
              <div class="page-title">采集情况一览</div>
          </div>
          <ol class="breadcrumb page-breadcrumb pull-left">
              <li><i class="fa fa-home"></i>&nbsp;<a href="main.html">首页</a>&nbsp;&nbsp;<i class="fa fa-angle-right"></i>&nbsp;&nbsp;</li>
              <li>互联网采集管理&nbsp;&nbsp;<i class="fa fa-angle-right"></i>&nbsp;&nbsp;</li>
              <li class="active">采集情况一览</li>
          </ol>
           
          <div class="clearfix"></div>
      </div>
      <!--END TITLE & BREADCRUMB PAGE-->
      <!--BEGIN CONTENT-->
      <div class="page-content">
        <!-- 知识分类s -->
       
	    
        <!-- 知识分类e -->
        <div class="row">
	        <div class="col-lg-3">
	            <div class="panel" style="height: 540px; overflow: auto;">
	                <div class="panel-heading">采集任务
	                </div>
	                <div class="panel-body" >
	                	<ul id="tree" class="ztree" style="width:200px"; overflow:auto;"></ul>
	                </div>
	            </div>
	        </div>
	        
	        <div class="col-lg-9">
	        	<ul id="generalTab" class="nav nav-tabs ul-edit responsive">
					<li class="active" name="all-tab">
						<a href="#all-tab" data-toggle="tab" onclick="listAllLogs()">运行情况</a>
					</li>
					<li name="success-tab">
						<a href="#success-tab" data-toggle="tab" onclick="listFields(1)">已采数据</a>
					</li>
					<li name="fail-tab">
						<a href="#fail-tab" data-toggle="tab" onclick="listFailLogs(1)">失败数据</a>
					</li>
				</ul>
				<div id="generalTabContent" class="tab-content responsive">
					<div id="all-tab" class="tab-pane fade in active">
						<table class="table table-hover table-striped table-bordered table-advanced tablesorter mbn">
							<thead>
								<tr>
									<th>序号</th>
									<th>已采集总数</th>
									<th>失败总数</th>
									<th>执行方式</th>
									<th>自动策略</th>
									<th>运行状态</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody id="logs">
							</tbody>
						</table>
					</div>
					<div id="success-tab" class="tab-pane fade in">
						<div class="row mbl">
<!-- 							<div class="col-lg-1" style="padding-top: 6px;"> -->
<!-- 								状态 -->
<!-- 							</div> -->
<!-- 							<div class="col-lg-3"> -->
<!-- 								<select id="proxyStatus" class="form-control" onchange="searchProxy(1);"> -->
<!-- 									<option selected="selected" value="0">请选择</option> -->
<!-- 									<option value="1">已启用</option> -->
<!-- 									<option value="-1">已停用</option> -->
<!-- 								</select> -->
<!-- 							</div> -->
							<div class="col-lg-4">
								<div class="input-group input-group-sm mbs">
									<span class="input-group-btn">
										<button class="btn btn-sm btn-yellow" style="margin-right: 10px;" onclick="exportData(1)">全量导出</button>
										<button class="btn btn-sm btn-yellow" style="margin-right: 10px;" onclick="exportData(0)">增量导出</button>
									</span>	
								</div>
							</div>
						</div>
						<table class="table table-hover table-striped table-bordered table-advanced tablesorter mbn">
							<thead id="ths">
							</thead>
							<tbody id="successLogs">
							</tbody>
						</table>
						<div id="pageSuccess" style="text-align: center; margin-top: 20px;"></div>
					</div>
					<div id="fail-tab" class="tab-pane fade in">
						<table class="table table-hover table-striped table-bordered table-advanced tablesorter mbn">
							<thead>
								<tr>
									<th width="3%"><input type="checkbox" class="checkall"/></th>
									<th>序号</th>
									<th>URL</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody id="failLogs">
							</tbody>
						</table>
						<div id="pageFail" style="text-align: center; margin-top: 20px;"></div>
					</div>
				<!--BEGIN CONTENT-->
				</div>
	        </div>
        </div>
        
      </div>
                     
    <!--END CONTENT-->
    </div>  
<?} ?>
<link rel="stylesheet" type="text/css" href="static/audio/styles.css" media="all" >
<script src="static/vendors/mixitup/src/jquery.mixitup.js"></script>
<script type="text/javascript" src="modules/spider/js/common.js"></script>
<script type="text/javascript" src="static/audio/AudioPlayer.js"></script>
<script type="text/javascript" src="modules/spider/js/gather_run_log.js"></script>
<div id="imgs" class="gallery-pages" style="display:none;">
	<div class="clearfix"></div>
	<div class="row mix-grid"></div>
</div>
<video id="videos" controls="controls" preload="none" poster="" width="850" height="550" autoplay="autoplay" style="display:none;">
      <source id="src" src="">
</video>
<div id="myAudio" style="margin:0 auto;display:none;">
	<audio id="audio" autoplay="autoplay">
		<source id="audioSrc" title="" src="" />
	</audio>
</div>
<div class="col-lg-12" id="schedule" style="display: none;">
	<input type="hidden" id="id" value="" />
	<div class="panel">
		<div class="panel-body pan" >
			<div class="form-body pal">
				<div>
					<label for="isAuto" class="col-md-3 control-label">
				 		<div>执行方式
							<span class='require'></span>
						</div>
                   	</label>
					<div class="col-md-12">
						<div class="input-icon">
							<select id="isAuto" class="form-control">
								<option value="0" selected="selected">手动</option>
								<option value="1">自动</option>
							</select>
						</div>
					</div>
				</div>
				<div>
					<label for="cron" class="col-md-3 control-label">
						<div>定时策略
							<span class='require'></span>
						</div>
	                </label>
					<div class="col-md-12">
						<div class="input-icon">
							<input id="cron" type="text"  class="form-control"  placeholder="请输入定时策略"/>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
 </div>